<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no">
		<title>会员信息</title>
		<link rel="stylesheet" type="text/css" href="../../Public/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../Public/css/main.css" />
		<link rel="stylesheet" type="text/css" href="../../Public/css/my.css" />
		<link rel="stylesheet" type="text/css" href="../../Public/css/list.css">
		<script type="text/javascript" src="../../Public/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../../Public/js/rem.js"></script>
		<script type="text/javascript" src="../../Public/js/swiper-3.3.1.jquery.min.js"></script>
	</head>

	<body>
		<!-- head start -->
		<header class="header psa clear bg-color1 bg-color3">
			<span class="back-button" onclick="history.go(-1)">
			<i></i>
			会员信息
		</span>
		</header>
		<!-- head end -->

		<!-- content start -->
		<section class="mt9">
			<ul class="jy_list">
				<span class="jy_list_title">会员信息详情</span>
				<volist name="lists['posts']" id="vo">
					<li>
						<div class="clear top-nav">
							<span class="fl jy_name">
						<i>○</i>用户名
					</span>
							<i class="fr yjt_icon"></i>
							<span class="fr jy_money">张三</span>
						</div>
						<div class="transaction_details">
							<p>
								<span>会员ID：</span><span>2</span>
							</p>
							<p>
								<span>手机号：</span><span>138275455</span>
							</p>
							<p>
								<span>邮箱：</span><span>23541@qq.com</span>
							</p>
							<p>
								<span>累计消费：</span><span>0.00</span>
							</p>
							<p>
								<span>操作：</span><span class="chakan"><a href="member-information-detail.html">查看</a>|<a href="member-information-give.html">赠送积分</a></span>
							</p>
						</div>
					</li>
					<li>
						<div class="clear top-nav">
							<span class="fl jy_name">
						<i>○</i>用户名
					</span>
							<i class="fr yjt_icon"></i>
							<span class="fr jy_money">张三</span>
						</div>
						<div class="transaction_details">
							<p>
								<span>会员ID：</span><span>2</span>
							</p>
							<p>
								<span>手机号：</span><span>138275455</span>
							</p>
							<p>
								<span>邮箱：</span><span>23541@qq.com</span>
							</p>
							<p>
								<span>累计消费：</span><span>0.00</span>
							</p>
							<p>
								<span>操作：</span><span class="chakan"><a href="member-information-detail.html">查看</a>|<a href="member-information-give.html">赠送积分</a></span>
							</p>
						</div>
					</li><li>
						<div class="clear top-nav">
							<span class="fl jy_name">
						<i>○</i>用户名
					</span>
							<i class="fr yjt_icon"></i>
							<span class="fr jy_money">张三</span>
						</div>
						<div class="transaction_details">
							<p>
								<span>会员ID：</span><span>2</span>
							</p>
							<p>
								<span>手机号：</span><span>138275455</span>
							</p>
							<p>
								<span>邮箱：</span><span>23541@qq.com</span>
							</p>
							<p>
								<span>累计消费：</span><span>0.00</span>
							</p>
							<p>
								<span>操作：</span><span class="chakan"><a href="member-information-detail.html">查看</a>|<a href="member-information-give.html">赠送积分</a></span>
							</p>
						</div>
					</li><li>
						<div class="clear top-nav">
							<span class="fl jy_name">
						<i>○</i>用户名
					</span>
							<i class="fr yjt_icon"></i>
							<span class="fr jy_money">张三</span>
						</div>
						<div class="transaction_details">
							<p>
								<span>会员ID：</span><span>2</span>
							</p>
							<p>
								<span>手机号：</span><span>138275455</span>
							</p>
							<p>
								<span>邮箱：</span><span>23541@qq.com</span>
							</p>
							<p>
								<span>累计消费：</span><span>0.00</span>
							</p>
							<p>
								<span>操作：</span><span class="chakan"><a href="member-information-detail.html">查看</a>|<a href="member-information-give.html">赠送积分</a></span>
							</p>
						</div>
					</li>
				</volist>
			</ul>
		</section>
		<!-- content end -->

		<script type="text/javascript" src="../../Public/js/mian.js"></script>
		<script type="text/javascript">
			//交易记录
			var isEv = /Mobile/.test(window.navigator.userAgent);
			var touchstart = isEv ? "touchstart" : "click";
			var jyLi = $(".jy_list li ");
			for(var i = 0; i < jyLi.length; i++) {
				jyLi.eq(i).attr("class", "open");
			};

			$('.top-nav').on(touchstart, function() {
				var open = $(this).parent().attr("class");
				if(open == "open") {
					$(this).parent().find(".yjt_icon").css({
						"transform": "rotate(90deg)"
					});
					$(this).parent().stop(true).animate({
						height: "3.32rem"
					});
					$(this).parent().attr("class", "close")
				} else {
					$(this).parent().find(".yjt_icon").css({
						"transform": "rotate(0deg)"
					});
					$(this).parent().stop(true).animate({
						height: "0.8rem"
					});
					$(this).parent().attr("class", "open")
				};
			});
		</script>

	</body>

</html>